<template>
  <div id="container">
    <div class="wrapper">
      <my-header></my-header>
      <my-foor></my-foor>
      <div id="main">
        <div class="carousel-inner">
          <div>
            <img src="/banner/11.jpg" alt="" />
          </div>
          <div class="secbardot">
            <div class="icon"></div>
            <div class="caidan">
              当前位置：
              <a href="#" tppabs="https://www.sfygroup.com/">首页</a>>
              <a
                href="#"
                tppabs="https://www.sfygroup.com/brands-produce/7.html"
                >品牌力</a
              >> <a href="#" tppabs="https://www.sfygroup.com/">企业荣誉</a>>
            </div>
          </div>
        </div>
        <div id="box2" class="container">
          <div class="sect">
            <span>企业荣誉</span>
          </div>
          <div class="secp2">
            <div class="yjp">
              <img
                src="/banner/12.jpg"
                tppabs="https://file.suofeiya.com.cn/v/3a375320-4b70-431a-a7e2-50f4f0916de7"
              />
            </div>
            <div class="honorbar">
                <span class="honor1">工业制造类</span>
                <span>环保实力类</span>
                <span>品牌价值类</span>
                <span>资本市场类</span>
            </div>
          </div>
        </div>
  <br>
            <br>
            <br>
            <br>
            <br>
        <div>
            <div>
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>

      </div>
    </div>
  </div>
</template>

<style scoped>
/* <!-- 大图部分css开启 --> */
* {
  padding: 0;
  margin: 0;
}

#main img {
  width: 100%;
}
.secbardot {
  margin-top: -6px;
  overflow: hidden;
  width: 100%;
  background-color: #f5f5f5;
  position: relative;
}
.icon {
  background-image: url(https://sfy-activity.oss-accelerate.aliyuncs.com/uploadfile/202104/57889882-bf1b-4ea6-a7cf-678ba5d8fba5.png?OSSAccessKeyId=LTAI0i3F4sIc2UK5&Expires=1629634809&Signature=1JwMloBTv83naCm9W5xEtiN%2BqAw%3D);
  background-repeat: no-repeat;
  height: 50px;
  width: 100%;
  line-height: 50px;
  margin-left: 130px;
  position: absolute;
  margin-top: 14px;
}
.secbardot .caidan {
  margin-left: 170px;
  height: 50px;
  line-height: 50px;
  color: #444444;
  font-size: 14px;
}

/* <!-- 大图部分css结束 --> */

#box {
  width: 75%;
}

/* box1下的css开始 */

/* box1下的带横线公用大标题css开始 */
.sect {
  height: 100px;
  padding: 30px 40px 40px 40px;

  text-align: center;
}
.sect span {
  font-size: 24px;
  color: #444444;
  text-align: center;
  position: relative;
}
.sect span::after {
  content: "";
  position: absolute;
  width: 48px;
  height: 1px;
  left: 0;
  top: 40px;
  background: #333;
}
/* box1下的带横线公用大标题css结束*/

#box2{
    width: 75%;
    position: relative;
}
.honorbar{
    width: 98%;
    height: 150px;
    opacity: 0.5;
    background: black;
    position: absolute;
    bottom: 1%;
}
.honorbar span {
    line-height: 150px;
    text-align: center;
    display: inline-block;
    width: 25%;
    height: 150px;
    font-size: 16px;
    font-weight: bolder;
    color: #ffffff;
}
.honorbar span:hover {
background-color: white;
color:black;
}
</style>